"use client"

import { useState, useEffect, useRef } from "react"

export default function TodayQuote() {
    const quotes = [
        // 心经 (Heart Sutra) quotes
        "观自在菩萨，行深般若波罗蜜多时，照见五蕴皆空，度一切苦厄。 —— 《心经》",
        "色不异空，空不异色，色即是空，空即是色。 —— 《心经》",
        "受想行识，亦复如是。 —— 《心经》",
        "是诸法空相，不生不灭，不垢不净，不增不减。 —— 《心经》",
        // More quotes would be here...
    ]

    const todayQuote = quotes[Math.floor(Math.random() * quotes.length)]

    return (
        <div className="py-6 md:py-8 px-4 md:px-6 border-b border-amber-brown/30 relative">
            <div className="container mx-auto max-w-5xl">
                {/* 每日引言 */}
                <div className="p-4 md:p-6 mb-3 md:mb-4">
                    <p className="text-lg md:text-xl italic text-center daily-quote">{todayQuote}</p>
                </div>

                {/* 项目进度 */}
                <div className="bg-ancient-card/90 backdrop-blur-sm p-4 md:p-6 rounded-lg shadow-ancient">
                    <div className="flex flex-col items-center">
                        <h2 className="text-xl md:text-2xl font-bold text-amber-brown mb-2">古籍971二校项目</h2>
                        <div className="w-full mt-2 md:mt-3 bg-ancient-scroll/50 rounded-full h-2 overflow-hidden">
                            <div className="bg-amber-brown h-full" style={{ width: "68%" }}></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    )
}


